<html>
<head>
    <script src="<?php echo $this->webroot; ?>js/graficos.js"></script>
</head>
<body>

<data
	id="<?php echo $grafico['id'];?>"
	img="<?php echo $this->webroot.$grafico['imagen'];?>"
	width="<?php echo $grafico['width'];?>"
	height="<?php echo $grafico['height'];?>"
	origenX="<?php echo $grafico['origen_x'];?>"
	origenY="<?php echo $grafico['origen_y'];?>"
	unidadX="<?php echo $grafico['unidad_x'];?>"
	unidadY="<?php echo $grafico['unidad_y'];?>"
	maximoX = "<?php echo $grafico['maximo_x'];?>";
	minimoX = "<?php echo $grafico['minimo_x'];?>";
	maximoY = "<?php echo $grafico['maximo_y'];?>";
	minimoY = "<?php echo $grafico['minimo_y'];?>";
	labelX = "<?php echo $grafico['label_x'];?>";
	labelY = "<?php echo $grafico['label_y'];?>";
	>
</data>

<div id="img_container">
</div>
<script>
    cargarGrafico("<?php echo $grafico['id'];?>");
    <?php foreach($valores as $valor) { ?>
        graficar(<?php echo $valor[0]["valor_x"]; ?>, <?php echo $valor[0]["valor_y"]; ?>, "red");
    <?php } ?>
</script>
</body>
</html>